<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/登陆界面.css">
    <title>登录界面</title>
</head>

<body>
    <div class="row">
        <div class="container">
            <div>
                <p class="hangban">航班预定系统</p>
            </div>
            <div class="login-register-form-section">
                <ul class="nav nav-pills mb-3 nav-tabs" id="pills-tab" role="tablist">


                    <li class="nav-item" role="presentation">
                        <!--登录-->
                        <button class="nav-link active" id="pills-login-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-login" type="button" role="tab" aria-controls="pills-login"
                            aria-selected="true">登录</button>
                    </li>


                    <li class="nav-item" role="presentation">
                        <!--注册-->
                        <button class="nav-link" id="pills-register-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-register" type="button" role="tab" aria-controls="pills-register"
                            aria-selected="false">注册</button>
                    </li>

                </ul>
                <div class="tab-content" id="pills-tabContent">

                    <!--登陆界面-->
                    <div class="tab-pane fade show active" id="pills-login" role="tabpanel"
                        aria-labelledby="pills-login-tab" tabindex="0" role="tabpanel">
                        <form class="form-horizontal" method="post" action="">
                            <!--登陆表单-->
                            <div class="form-group form-group">
                                <!--登录的电话号码-->
                                <div class="input-group">
                                    <div class="input-group-addon"><i class="fa fa-user"></i></div>
                                    <input type="text" id="login_user" class="form-control" placeholder="请电话号码"
                                        required="required" value="">
                                </div>
                            </div>
                            <div class="form-group">
                                <!--密码-->
                                <div class="input-group">
                                    <div class="input-group-addon"><i class="fa fa-key"></i></div>
                                    <input type="password" id="login_password" class="form-control" placeholder="请输入密码"
                                        required="required">
                                </div>
                            </div>
                            <input type="button" value="登录" class="btn btn-success btn-custom" id="loginButton">
                        </form>

                    </div>

                    <!--注册界面-->
                    <div class="tab-pane fade" id="pills-register" role="tabpanel" aria-labelledby="pills-register-tab"
                        tabindex="0">
                        <form class="form-horizontal" method="post" action="">
                            <!--注册表单-->
                            <div class="form-group" id="formName">
                                <!--注册的用户名-->
                                <div class="input-group">

                                    <div class="input-group-addon"><i class="fa fa-user"></i></div>
                                    <input type="text" id="register_user" class="form-control" placeholder="真实姓名"
                                        required="required" value="">
                                </div>

                            </div>
                            <div class="form-group"  id="formTele">
                                <!--手机号码-->
                                <div class="input-group">
                                    <div class="input-group-addon"><i class="fa fa-phone"></i></div>
                                    <input type="text" id="register_phone" class="form-control" placeholder="手机号码"
                                        required="required" value="">
                                </div>
                            </div>
                            <div class="form-group"  id="formEmail">
                                <!--邮箱-->
                                <div class="input-group">
                                    <div class="input-group-addon"><i class="fa fa-user"></i></div>
                                    <input type="text" id="register_email" class="form-control" placeholder="身份证号码"
                                        required="required" value="">
                                </div>
                            </div>
                            <div class="form-group"  id="formPass">
                                <!--密码-->
                                <div class="input-group">
                                    <div class="input-group-addon"><i class="fa fa-lock"></i></div>
                                    <input type="password" id="register_password" class="form-control"
                                        placeholder="6-20位密码" required="required" value="">
                                </div>
                            </div>
                            <div class="form-group" id="formRepass">
                                <!--注册确认密码-->
                                <div class="input-group">
                                    <div class="input-group-addon"><i class="fa fa-lock"></i></div>
                                    <input type="password" id="register_cp" class="form-control" placeholder="确认密码"
                                        required="required" value="">
                                </div>
                            </div>
                            
                            <input type="button" value="注册" class="btn btn-success btn-custom" id="reg">

                        </form>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <script src="js/jquery-3.0.0.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/登陆注册数据验证 普通用户.js"></script>
    <script src="https://kit.fontawesome.com/da59f948a5.js" crossorigin="anonymous"></script>
</body>

</html>